<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head> 
        <f:facet name="first">
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
            <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
            <title>SYSCVSA</title>
        </f:facet>

        <h:outputStylesheet library="css" name="bootstrap.min.css"/>
        <h:outputStylesheet library="css" name="bootstrap-responsive.min.css"/>
        <h:outputStylesheet library="css" name="myapp.css"/>
        <h:outputStylesheet library="css" name="default.css"/>
        <h:outputStylesheet library="css" name="tableLayout.css"/>


        <h:outputScript library="js" name="modernizr.custom.05531.js"/>


        <script type="text/javascript">
            function handleDrop(event, ui) {
                var droppedCar = ui.draggable;
                droppedCar.fadeOut('fast');

            }
        </script>
    </h:head>

    <h:body style="padding: 0px;margin: 0px;height: 100%;" class="bgvertgradientSombra">
        <br/>
        <div class="container" style="padding: 0px ;height: 90%;">

            <div class="row-fluid" >
                <span class="span12">
                    <div class="row-fluid bgvertgradient">

                        <span class="span11" onclick="topBar.show();">
                            <div class="">
                                <div class="gradient6">
                                    <ui:insert name="titulo">Titulo</ui:insert>
                        </div>

                                </div>
                            </span>
                        <span class="span1">
                            <h:form>
                                <h:commandLink  action="#{autenticador.logout()}" class="btn btn-danger link-text-blanco">
                                    <i class="icon-off icon-white"></i>
                                </h:commandLink>
                            </h:form>
                        </span>
                    </div>
                                
                    <p:outputPanel styleClass="mensajes">
                        <p:growl id="mensajes"/>
                    </p:outputPanel>

<!--                    <p:idleMonitor timeout="5000">  
                        <p:ajax event="idle" listener="#{idleMonitorController.idleListener}" update="mensajes" />  
                        <p:ajax event="active" listener="#{idleMonitorController.activeListener}" update="mensajes" />  
                    </p:idleMonitor>  -->

                                            </span>
                                        </div>

            <div class="row-fluid">
                <span class="span12 raised" style="padding: 10px;">
                    <ui:insert name="cuerpo"/>
                                    </span>
                                </div>

            <div class="row-fluid" style="margin: 0px !important;padding: 0px!important;">
                <span class="span12" style="margin-left: 0px;margin-right: 0px;margin-bottom: 0px;margin-top: 0px;padding: 0px" >
                    <ui:include src="/util/barra.xhtml"/>
                    </span>
                </div>
            </div>

    </h:body>

</html>
